<?xml version='1.0' encoding='UTF-8' ?> 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:p="http://primefaces.org/ui">

    <h:head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
        <link href="./../resources/css/stylesBasic.css" rel="stylesheet" type="text/css" />

        <title>Sistema de gestion veterinaria : VetXsoft</title>
    </h:head>

    <h:body>

        <p:layout style="min-width:400px;min-height:700px;" id="layout" >  


            <div id="banner"  >
                <p:layoutUnit   styleClass="bannerTop" position="north" resizable="true" size="120"  style="border: 0; background-color: #fafaf7 ;">  

                    <div class="derecha" align="center" >
                        <h:form>  
                            <p:menuButton  value="Admnistrador" >  
                                <p:menuitem value="Cerrar sesión" update="exit" actionListener="#{authenticationBean.logout()}" ajax="false" icon="ui-icon-extlink"/>  
                                <p:menuitem value="Salir" url="/faces/index.xhtml" rendered="true" id="exit" icon="ui-icon-extlink"/>  
                            </p:menuButton>  
                        </h:form>  
                    </div>


                    <div class="izquiera" id="imag">
                        <a href="/vetxsoft/faces/vetxsoft/index.xhtml">
                        <h:graphicImage width="240px"   height="150px" style="margin-top: -20px; margin-left: -20px; float:  left" url="../../resources/images/Logo.png" >
                            
                        </h:graphicImage>
                            </a>
                        
                        <p:outputLabel value="Veterinaria La Merced" style="font-size: 40px;  float:  left; padding-top: 30px; color:  rgb(66, 151, 215);" />
                    </div>

                </p:layoutUnit> 
            </div>


            <p:layoutUnit position="west" size="180"  style="width: 10%;" resizable="true" >   
                <div id="left" class="center_left" >
                    <ui:insert name="left" >

                        <p:accordionPanel >

                            <p:tab title="Menú"  >

                                <p:menu  style="border: 0;">
                                    <p:submenu label="Gestionar" style="width: 80%;" >
                                        <p:menuitem  value="Cliente" icon="ui-icon-disk"  url="addclient.xhtml"/>  
                                        <p:menuitem value="Mascota" icon="ui-icon-disk"  url="addmascot.xhtml"/>  
                                        <p:menuitem value="Producto" icon="ui-icon-disk"  url="addproduct.xhtml"/>  
                                        <p:menuitem value="Tipo Producto" icon="ui-icon-disk"  url="addtipoproducto.xhtml"/>  
                                        <p:menuitem value="Venta" icon="ui-icon-disk"  url="registersale.xhtml"/>
                                        <!--<p:menuitem value="Consulta Médica" icon="ui-icon-disk" url="registerconsult.xhtml"/>-->
                                        <!--<p:menuitem value="Vacuna" icon="ui-icon-disk" url="registervaccine.xhtml"/>-->
                                        <!--<p:menuitem value="Desparasitación" icon="ui-icon-disk" url="registerdeworming.xhtml"/>-->
                                        <!--<p:menuitem value="Control" icon="ui-icon-disk" url="registercontrol.xhtml"/>-->                                          
                                        <!--<p:menuitem value="Procedimiento" icon="ui-icon-disk" url="registerprocedure.xhtml"/>-->-->
                                    </p:submenu>
                                    <p:submenu label="Mascota" style="width: 80%;" >
                                        <p:menuitem value="Consulta" icon="ui-icon-disk" url="registerconsult.xhtml"/>
                                        <p:menuitem value="Control" icon="ui-icon-disk" url="registercontrol.xhtml"/>                                          
                                        <p:menuitem value="Desparasitación" icon="ui-icon-disk" url="registerdeworming.xhtml"/>
                                        <p:menuitem value="Procedimiento" icon="ui-icon-disk" url="registerprocedure.xhtml"/>

                                        <p:menuitem value="Vacuna" icon="ui-icon-disk" url="registervaccine.xhtml"/>
                                        <!--<p:menuitem value="Ayuda" icon="ui-icon-disk"  url="../index.xhtml" />-->
                                        <!--<p:menuitem value="Salir" icon="ui-icon-close"  url="../index.xhtml" />-->
                                    </p:submenu>
                                    <p:submenu label="Otras" style="width: 80%;" >
                                        <p:menuitem value="Salir" icon="ui-icon-close"  url="../index.xhtml" />
                                    </p:submenu>
                                </p:menu>

                            </p:tab>

                        </p:accordionPanel>
                    </ui:insert>
                </div>
            </p:layoutUnit>  

            <p:layoutUnit position="center" resizable="true" >  
                <ui:insert name="content">

                </ui:insert>
            </p:layoutUnit>  
            <!--                        <p:layoutUnit position="south"  size="50">  
                                        <div id="sourth" class="centrado">
                                            <h:outputText value="&copy; Jose Fary Hurtado Cuero " />
                                            <h:outputText value= "2013" />
                                        </div>
                                    </p:layoutUnit>-->

        </p:layout> 
    </h:body>
</html>
